<template>
	<view style="width: 100%;height: 300upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">
		<view class="share-pop">
			<view class="share-item">
				<button class="btn" open-type="share">
					<image src="/static/share-f.png" mode=""></image>
					<view class="">
						分享微信好友
					</view>
				</button>
			</view>
			<view class="share-item" @click="createPoster()">
				<image src="/static/poster.png" mode=""></image>
				<view class="">生成海报</view>
			</view>
		</view>
		<view class="button-bottom">
			<button class="btn btn-w btn-square" @click="close()">关闭</button>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 商品id
			goodsId: {
				type: Number,
				default: 0
			},
			// 分享的图片
			shareImg: {
				type: String,
				default: ''
			},
			// 分享标题
			shareTitle: {
				type: String,
				default: ''
			},
			// 分享内容
			shareContent: {
				type: String,
				default: ''
			},
			// 分享链接
			shareHref: {
				type: String,
				default: ''
			},
			//分享类型
			shareType: {
				type: Number,
				default: 1
			},
			//拼团id
			groupId: {
				type: Number,
				default: 0
			},
			//拼团的团队id
			teamId: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				providerList: [] // 分享通道 包含生成海报
			}
		},
		mounted() {

		},
		methods: {
			// 关闭弹出层
			close() {
				this.$emit('close')
			},
			// 生成海报
			createPoster() {
				let data = {};
				if (this.shareType == 1) {
					//商品
					data = {
						page: 2, //商品
						url: '../../pagesU/user/jump',
						params: {
							goods_id: this.goodsId
						},
						type: 3, //海报
						client: 2
					}

				} else if (this.shareType == 3) {
					//拼团
					data = {
						page: 3, //商品
						url: '../../pagesU/user/jump',
						params: {
							goods_id: this.goodsId,

						},
						type: 3, //海报
						client: 2
					}

				}

				this.close()
				this.$common.navigateTo('../../pagesU/user/share?poster=' + encodeURIComponent(this.shareImg))

			}
		}
	}
</script>

<style>
	.share-pop {
		height: 300upx;
		width: 100%;
		display: flex;
	}

	.share-item {
		flex: 1;
		text-align: center;
		font-size: 26upx;
		color: #333;
		padding: 20upx 0;
		height: 220upx;
	}

	.share-item image {
		width: 80upx;
		height: 80upx;
		margin: 20upx;
	}

	.share-item .btn {
		line-height: 1;
		height: 220upx;
		display: block;
		font-size: 26upx;
		background-color: #fff;
	}
</style>
